import React from "react";
import './index.scss'
import {useHistory} from "react-router-dom";

const TeslaZone: React.FC<any> = (props) => {
  console.log("-------TeslaZone------")

  const {state} = props.location

  const history = useHistory()

  const goBack = () => {
    history.go(-1)
  }

  return (
    <div className="Container">
      <div className="back" onClick={goBack}>
        <svg className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
             p-id="2478" width="200" height="200">
          <path
            d="M738.145103 170.248828 663.234207 95.337931 313.114483 445.457655 312.937931 445.298759 238.768552 519.450483 238.945103 519.627034 238.768552 519.785931 313.679448 594.696828 313.838345 594.537931 658.996966 939.696552 733.166345 865.509517 388.007724 520.368552Z"
            p-id="2479" fill="#6F6F6F"/>
        </svg>
        <span>T-ZONE月刊</span>
      </div>
      <img alt="" src={state.picUrl}/>
    </div>
  )
}

export default TeslaZone
